<template>
  <div>
    <div class="footer">
      <p class="text-center p" :class="{ wap: isMobile }">
        <span class="mr10">业务合作：李先生</span>
        <span
          >邮箱：<a href="mailto:715560471@qq.com" class="mr10 hand">715560471@qq.com</a>
          <el-popover trigger="hover" title="扫码加微信">
            <span slot="reference">微信：haley918</span>
            <div>
              <img src="@/assets/imgs/wechat.jpg" alt="" class="img" />
            </div>
          </el-popover>
        </span>
      </p>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang="scss">
.mr10{
    margin-right: 10px;
}
.footer {
  position: fixed;
  z-index: 1;
  width: 100%;
  bottom: 0;
  background-color: #d9edf7;
  color: #337ab7;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;

  .p {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    &.wap {
      flex-direction: column;
    }
  }
}
</style>
